<template>
  <!-----------------我的发布商品------------------>
  <view class="all">
    <hea :title="title"></hea>
    <div class="box">
      <div style="width: 25%; height: 90px">
        <img src="../../static/logo.png" style="padding: 8px" />
      </div>
      <div style="width: 45%; height: 90px">
        <div style="font-size: 16px; margin-top: 5px; height: 38px;">
          别让情绪左右你,做情绪的主人
        </div>
        <div style="font-size: 12px; margin-top: 5px">￥18.00</div>
        <div style="font-size: 12px; margin-top: 2px; color: gray">
          发布时间:2023-12-11
        </div>
      </div>
      <div style="width: 30%; height: 90px">
        <div
          style="
            width: 70px;
            height: 30px;
            background-color: orange;
            text-align: center;
            line-height: 30px;
            border-radius: 5px;
            margin: 30px auto;
            color: white;
            font-size: 12px;
          "
        >
          编辑
        </div>
      </div>
    </div>
  </view>
</template>
<script>
import hea from "../../components/hea.vue";
export default {
  components: {
    hea,
  },

  data() {
    return {
      title: "我发布的商品",
      value: "",
    };
  },
  methods: {},
  onShow() {},
};
</script>

<style scoped>
.all {
  width: 100vw;
  height: 100vh;
  background: #f2f2f2;
}
.box {
  width: 100%;
  height: 90px;
  background-color: white;
  margin-top: 2px;
  display: flex;
}
</style>
